<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery.js,jquery.backstretch.min.js" type="text/javascript"></script>
	<script src="js/loading.js" type="text/javascript"></script>
</head>

<body>
<div id="loading" >
	<div id="loadings"></div>
</div>

<script type="text/javascript">
$.backstretch(
	[
		'img/bg1.jpg',
		'img/bg2.jpg'
	],
	{
		fade : 4000,
		duration : 4000
	});
</script>

<div style="position:fixed;bottom:0; right:0;">
	<audio  controls loop autoplay src="music/bgm.mp3" name="media" style="width:250px; height:35px"></audio>
</div>

<div class="logo" >
	<img src="img/logo.png" alt="">
</div>

<div class="nav">
	<span><a href="index.html">主页</a></span>
	<span><a href="#">留言板</a></span>
	<span><a href="#">交友墙</a></span>
	<span><a href="#">用户认证</a></span>
	<span><a href="#">注册登录</a></span>
	<span><a href="#">关于我们</a></span>
</div>

<div class="middle">
	<div class="message">
		<div class="message1">
		<h1>交天下可交友！</h1>
			<div class="message1content">
			<p>当你想</p>
			<p>找一个人说话的时候，</p>
			<p>当你想</p>
			<p>哭诉的时候，</p>
			<p>当你想</p>
			<p>要分享心情的时候,</p>
			<p>这里是你想要的地方。</p>
			<span>When you want to talk to someone,</span>
			<span>&nbsp; &nbsp; When you want to cry,</span>
			<span>When you want to share your mood,</span>
			<span>&nbsp;Here is the place you want.</span>
			</div>
		</div>
		
		<div class="message2">
		<h1>谈天下可谈事！</h1>
			<div class="message2content">
			<p>这里,</p>
			<p>&nbsp; 可以畅所欲言,</p>
			<p>&nbsp; &nbsp; &nbsp;这里,</p>
			<p>&nbsp; &nbsp; &nbsp; &nbsp;可以尽情放松自己,</p>
			<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 这里,</p>
			<p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;就是广科留言板。</p>
			<span>Here ...</span>
			<span>You can say whatever you want.</span>
			<span>Here ...</span>
			<span>You can relax yourself,</span>
			<span>Here ...</span>
			<span>It's a wall of friends.</span>
			</div>
		</div>
		<div class="buttom">
		</div>
	</div>
</div>

<!-- <div class="anniu1"><a href="#" class="">交友墙</a></div> -->
<!-- <div class="anniu2"><a href="#" class="">留言板</a></div> -->
<button class="anniu1"><span>交友墙</span></button>
<button class="anniu2"><span>留言板</span></button>
<div class="footer">
	<p>Copyright &copy; 2018 广科交友网 All Rights Reserved.</p>
</div>
</body>
</html>
